<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>slice和splice</title>
</head>
<body>
    
</body>
</html>
<script>

    var arr=["孙悟空","猪八戒","沙和尚","唐僧","白龙马"];
    /*
        slice()
            - 可以用来从数组提取指定元素
            - 该方法不会改变原数组，而是将截取到的元素封装到一个新的数组中返回
            - 参数：
                1.截取开始的位置的索引，⭐包含 开始位置索引
                2.截取结束的位置的索引，⭐不包含 括结束索引
                    - 第二个参数可以省略不写,此时会截取从开始索引往后的所有元素
                - 索引可以传递一个负值，如果传递一个负值，则从后往前计算
                    -1 倒数第一个
                    -2 倒数第二个
    */
    
    var result=arr.slice(1,3);

    result = arr.slice(2);

    result=arr.slice(0,-1); // 从索引为 0 开始，到 倒数 第一位结束

    // console.log(arr);
    // console.log(result);

    /*
        splice()
            - 可以用于删除数组中的指定元素
            - 使用splice() 会影响到原数组，会将指定元素从原数组中删除
                并将被删除的元素作为返回值返回
            - 参数：（1️⃣ , 2️⃣ , 3️⃣）
                第一个，表示开始位置的索引  1️⃣
                第二个，表示删除的数量      2️⃣
                第三个及以后...             3️⃣
                    可以传递一些新的元素，这些元素将会自动插入到开始位置索引前边
    */

    result = arr.splice(1,2,"牛魔王","铁扇公主","红孩儿");

    console.log(arr);
    console.log(result);
</script>